<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Carrier List</title>
  <link rel="stylesheet" type="text/css" href="../../static/layui/css/layui.css"/>
  <script type="text/javascript" src="../../static/layui/layui.js"></script>
</head>
<body>
<!-- 菜单栏 -->
<link rel="stylesheet" href="../../static/css/index.css">
<ul>
  <div th:each="item:${menuList}" class="display:inline-de">
    <li><a th:href="@{${item.path}}" th:text="${item.name}"></a></li>
  </div>
  <a th:href="@{/login}" style="float:right;font-size: 16px;margin: 17px;color: white;">> 登出</a>
</ul>
<from lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../static/css/index.css">
    <title>承运商列表</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>

    <style type="text/css">
      .box {
        width: 800px;
        margin: 50px auto;
        border: 1px solid #DCDFE6;
        border-radius: 20px;
        padding: 20px;
      }

      .box:hover {
        box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
      }

      .box-title {
        text-align: center;
      }

      .box-table {
        margin-top: 20px;
      }
      .box-nav{
        text-align: center;
      }
    </style>
  </head>
  <body>
  <!--创建一个表单-->
  <input type="hidden" name="_method" value="delete">
  <div class="box">
    <div class="form-group">
      <h2 class="form-title" style="font-weight: normal">承运商列表</h2>
      <table class="table table-bordered box-table">
        <tr>
          <th>编号</th>
          <th>承运商名</th>
          <th>地址</th>
          <th>联系方式</th>
          <th>负责人id</th>
          <th>单位运输价格 元/(吨·千米)</th>
          <th>操作</th>
        </tr>
        <tr th:each="c : ${carrierList}">
          <td th:text="${c.id}"></td>
          <td th:text="${c.name}"></td>
          <td th:text="${c.address}"></td>
          <td th:text="${c.phone}"></td>
          <td th:text="${c.userId}"></td>
          <td th:text="${c.unitPrice}"></td>
          <td>
            <div class="layui-btn-container">
              <a th:href="@{'/carrierDetail'+${c.id}}">
                <button class="layui-btn">详情</button>
              </a>
            </div>
          </td>
        </tr>
      </table>
    </div>


    <script src="layer.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  </div>
  </form>
  </body>
</from>
<script>
</script>
</body>
</html>
